<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>防抖</title>
  <script src="../newjs/newBD.js"></script>
</head>
<body>

  <a href="index.html">demo1.html</a>
  <button id="debounce">点我防抖！</button>
  <img style="width: 100%;height: 10rem;z-index:2147483647;" src="https://ae01.alicdn.com/kf/H43ada4b9a5424ba69a84e67d640b11b95.gif" alt="">
  <img style="width: 100%;height: 10rem;z-index:2147483647;" src="https://ae01.alicdn.com/kf/H43ada4b9a5424ba69a84e67d640b11b95.gif" alt="">
  <img style="width: 100%;height: 10rem;z-index:2147483647;" src="https://diyifangfuli.com/images/cathrynli.jpg" alt="">
  <img style="width: 100%;height: 10rem;z-index:2147483647;" src="https://ae01.alicdn.com/kf/H43ada4b9a5424ba69a84e67d640b11b95.gif" alt="">
  <img style="width: 100%;height: 10rem;z-index:2147483647;" src="https://ae01.alicdn.com/kf/H43ada4b9a5424ba69a84e67d640b11b95.gif" alt="">
  <img style="width: 100%;height: 10rem;z-index:2147483647;" src="https://ae01.alicdn.com/kf/H43ada4b9a5424ba69a84e67d640b11b95.gif" alt="">
  <script>



    // [...document.querySelectorAll('img')].some(e=>{
    //  if(e.src !== 'https://diyifangfuli.com/images/cathrynli.jpg'){
    //    console.log('1')
    //     return true
    //  }  
    //  console.log(e.src)
    // })


    // console.log('222')

//       let srcs=[];
//     [...document.querySelectorAll('img')].forEach(e=>{
//       srcs.push(e.src)
//     })

//    const m =  srcs.filter((e)=>{
//      return e === 'https://diyifangfuli.com/images/cathrynli.jpg' 
//     })
// console.log(m.length)

  // function a(){console.log('a')};



    // window.onload = function() {
    //   // 1、获取这个按钮，并绑定事件
    //   var myDebounce = document.getElementById("debounce");
    //   myDebounce.addEventListener("click", debounce(sayDebounce));
    // }

//     window.onresize = function () {
//         console.log('抖动')
// 	debounce(sayDebounce)()
// }

    // 2、防抖功能函数，接受传参
    function debounce(fn) {
      // 4、创建一个标记用来存放定时器的返回值
      let timeout = null;
      return function() {
        // 5、每次当用户点击/输入的时候，把前一个定时器清除
        clearTimeout(timeout);
        // 6、然后创建一个新的 setTimeout，
        // 这样就能保证点击按钮后的 interval 间隔内
        // 如果用户还点击了的话，就不会执行 fn 函数
        timeout = setTimeout(() => {
          fn.call(this, arguments);
        }, 10000);
      };
    }

    // 3、需要进行防抖的事件处理
    function sayDebounce() {
      // ... 有些需要防抖的工作，在这里执行
      console.log("防抖成功！");
    }


  </script>
</body>
</html>